<!--  -->
<template>
  <div>
    <ClildSlot>
      <template #header>
        <div>
          我是插入的header
        </div>
      </template>
      <div>
          我是插入的main的默认
      </div>
      <template #main>

        <div>
          我是main的具名插槽
        </div>
      </template>
      <template #footer>
        <div>
          我是footer的具名插槽
        </div>
      </template>
      <template v-slot='{user}'>
        <div>
          {{user.uname}}
        </div>
      </template>
      <!-- <template v-slot='{row}'>
        <div>
          {{user.uname}}
        </div>
      </template> -->
    </ClildSlot>
  </div>
</template>

<script>
import ClildSlot from './compents/ChildSlot.vue'
export default {
  data () {
    return {
    }
  },
  components: {
    ClildSlot
  }

}

</script>
<style lang='less' scoped>
</style>
